<template>
  <div>
    <RlInput placeholder="请输入"></RlInput>
    <RlInput type="password" showPassword placeholder="请输入密码"></RlInput>
    <RlInput showClear placeholder="请输入"></RlInput>
    <RlInput disabled></RlInput>
    <RlInput placeholder="后缀图标">
      <template #suffix>
        <RlIcon icon="calendar"></RlIcon>
      </template>
    </RlInput>
    <RlInput>
      <template #prepend>
        Http://
      </template>
    </RlInput>
  </div>
</template>

<script setup lang="ts">
import RlInput from '@/components/Input/Input.vue'
import RlIcon from '@/components/Icon/Icon.vue'
defineOptions({
  name:'InputView'
})
</script>